
.esri-ui {
  z-index: 2;
  .esri-attribution {
    display: none;
  }
  .esri-popup {
    .esri-popup__main-container {
      border-radius: 4px;
      // background: rgba(16, 34, 71, 0.8);
      background:rgba(255,255,255,0.95);
      overflow: hidden;
      color: #fff;
      padding-bottom: 40px;
    }
    .esri-popup__main-container.show {
      .esri-popup__footer {
        display: flex;
      }
    }
    .esri-popup__footer {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
    }
    .esri-popup__header {
      // background: rgba(6, 24, 21, 0.8);
      background: rgba(1,112,254,0.95);
    }
    .esri-popup__header-title:hover {
      background: transparent;
    }
    .esri-popup__content {
      margin-top: 10px;
      .esri-widget {
        background: transparent;
        color: #fff;
      }
      .esri-widget__table {
        // color: #fff;
        tr {
          background: transparent;
          th {
            border-right: 0;
            white-space: nowrap;
          }
        }
      }
    }
    .esri-popup__button {
      // color: #bfbfbf;
      color: blue;
      border-bottom-color: #061815;
      &:hover {
        background: rgba(10, 26, 30, 0.7);
      }
    }
    .esri-popup__actions,
    .esri-popup__feature-menu-button{
      background-color: rgba(6, 24, 21, 0.8);
    }
    .esri-popup__inline-actions-container {
      .esri-popup__button:after {
        content: attr(title);
      }
      .esri-popup__action-text {
        display: none;
      }
    }
    .esri-popup__pointer {
      width: 12px;
      height: 16px;
      overflow: hidden;
      .esri-popup__pointer-direction {
        background: rgba(6, 24, 21, 0.8);
        box-shadow: none;
      }
    }
    .esri-popup__actions .esri-popup__button[class*="esri-popup__action"]:hover{
      background-color: rgba(6, 24, 21, 0.8);
    }
    .esri-popup__action-text {
      line-height: 16px;
    }
    .esri-popup__navigation {
      background-color: transparent;
    }
  }
  .esri-popup--actions-menu-open .esri-popup__footer .esri-popup__actions-menu-button{
    background-color: rgba(6, 24, 21, 0.8);
  }
  .esri-ui-corner {
    .esri-component.esri-layer-list {
      z-index: 1;
      width: 160px;
      transform: translateX(175px);
      background-color: rgba(6, 24, 21, 0.8);
      position: relative;
      overflow: visible;
      transition: transform linear 0.3s;
      ul {
        overflow-y: auto;
        height: 100%;
        &::-webkit-scrollbar:hover,
        &::-webkit-scrollbar {
          width: 6px;
          height: 6px;
          background-color: rgba(0,0,0,0.5);
          -webkit-transition: background-color .3s ease-in-out;
          transition: background-color .3s ease-in-out;
        }
        &::-webkit-scrollbar-track {
          background-color: rgba(0,0,0,0.5);
        }
        &::-webkit-scrollbar-thumb,
        &::-webkit-scrollbar-thumb:hover,
        &::-webkit-scrollbar-thumb:active{
          background-color:rgba(255,255,255,0.5);
          border: 0;
        }
      }
      &:hover {
        transform: translateX(6px);
        &:after {
          opacity: 0;
        }
      }
      &:after {
        content: '\e68d';
        font-family: 'CalciteWebCoreIcons' !important;
        width: 36px;
        line-height: 32px;
        text-align: center;
        color: #f5f5f5;
        height: 32px;
        background:rgba(6, 24, 21, 0.8);
        border-radius: 4px 0 0 4px;
        position: absolute;
        right: 100%;
        top: 20px;
        cursor: pointer;
      }
      .esri-layer-list__item {
        background: rgba(16, 34, 71, 0.8);
        border-bottom:1px solid rgba(6, 24, 21, 1);
        color: #fff;
      }
      .esri-layer-list__item-toggle {
        color: #fff;
      }
    }
  }
  .esri-menu li {
    padding: 0.8em 1em;
  }
}
/* gis搜索类型icon */
.gisico-search {
  float: left;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px 160px;
  background-image: url("../assets/map-ico/gis-ico-search.png");
  margin: 5px 8px 5px 0;
  &.gisico-search-site {
    background-position: 0 0;
  }
  &.gisico-search-line {
    background-position: 0 -16px;
  }
  &.gisico-search-anchor {
    background-position: 0 -32px;
  }
  &.gisico-search-pillar {
    background-position: 0 -48px;
  }
  &.gisico-search-junction {
    background-position: 0 -64px;
  }
  &.gisico-search-emergency {
    background-position: 0 -80px;
  }
  &.gisico-search-station {
    background-position: 0 -96px;
  }
  &.gisico-search-substation {
    background-position: 0 -112px;
  }
  &.gisico-search-distribution {
    background-position: 0 -128px;
  }
  &.gisico-search-device {
    background-position: 0 -144px;
  }
}
